@extends('home.public.base')

@section('title', '首页')

@section('content')


    {{--轮播图--}}
    <div class="index-banner slider-box rel">
        <div class="slider clear rel">
            <div class="item" style="z-index:3;">
                <a href=" " style=" background:url(/home/images/20190111zysmip.jpg) center;"></a>
            </div>
            <div class="item">
                <a href=" " style=" background:url(home/images/20160908cdrswo.jpg) center;"></a>
            </div>
            <div class="item">
                <a href=" "
                   style=" background:url(home/images/20181123aetdhq.jpg) center;"></a>
            </div>
            <div class="item">
                <a href=" " style=" background:url(home/images/20160908aoxwfb.jpg) center;"></a>
            </div>
            <div class="item">
                <a href=" " style=" background:url(home/images/20161123tzswot.jpg) center;"></a>
            </div>
        </div>
        <div class="options tc">
            <i class="dib icon-circle focus"></i>
            <i class="dib icon-circle "></i>
            <i class="dib icon-circle "></i>
            <i class="dib icon-circle "></i>
            <i class="dib icon-circle "></i>

        </div>
    </div>

    <div class="services">
        <ul class="center clear">
            <li class="fl f18"><i class="icon-bgr1 icon-top1 m-r-16"></i>专属定制服务</li>
            <li class="fl f18"><i class="icon-bgr1 icon-top2 m-r-16"></i>激光镭雕工艺</li>
            <li class="fl f18"><i class="icon-bgr1 icon-top3 m-r-16"></i>免费代写贺卡</li>
            <li class="fl f18"><i class="icon-bgr1 icon-top4 m-r-16"></i>精心专业设计</li>
        </ul>
    </div>

    <div class="index-list bg-f5f5f5">
        <div class="center m-t-60">
            <!--<div class="index-title f20 rel lh1">新品推荐<img src="home/picture/title_bg.png" /></div>-->
            <div class="second-title index-child">
                <h3 class="f-666 f20 fn dib fl" style="background-color:#f5f5f5;"> 新品推荐</h3>
            </div>
            <div class="index-content f0 m-t-20">
                <p>
                    <img src="home/picture/index_15.jpg">
                    @foreach($newsGoods as $newsGood)
                        <a class="dib m-l-13" href="#" target="_blank"></a>
                        <a href="/goods/{{$newsGood['id']}}" target="_blank">
                            <img width="290" height="250" alt="" src="/{{$newsGood['list_img']}}">
                        </a>
                    @endforeach
                </p>
            </div>
        </div>

        <div class="center m-t-60">
            <div class="second-title index-child"><h3 class="f-666 f20 fn dib fl" style="background-color:#f5f5f5;">
                    生日礼物</h3><a class="fr f16" style="background-color:#f5f5f5;" href="/category/13">查看更多</a>
            </div>
            <div class="index-content clear m-t-28 m-l-80">
                <ul>
                    @foreach($giftDatas as $giftData)
                        <li class="tc fl m-l-12"><a href="#" target="_blank"></a>
                            <a href="/goods/{{$giftData['id']}}" target="_blank">
                                <img alt="" src="/{{$giftData['list_img']}}"
                                     width="160" height="160"></a>
                            <p class="lh1 m-t-20"><a href="/goods/{{$giftData['id']}}"
                                                     target="_blank">{{$giftData['title']}}</a></p>
                            <p class="lh1 m-t-15">￥{{$giftData['shop_price']}}</p>
                        </li>
                    @endforeach

                </ul>
            </div>
        </div>
    </div>
@endsection